.composition {
  position: relative;
  &__photo {
    width: 55%;
    box-shadow: 0 1.5rem 4rem rgba($color-black, 0.4);
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    transition: all 0.2s;
    outline-offset: 2rem;

    &:hover {
      z-index: 20;
      outline: 1.5rem solid $color-primay;
      box-shadow: 0 2.5rem 4rem rgba($color-black, 0.5);
      border-radius: 0;
      transform: scale(1.05) translateY(-0.5rem);
    }

    &--p1 {
      left: 0;
      top: -2rem;
    }
    &--p2 {
      right: 0;
      top: 2rem;
    }
    &--p3 {
      left: 20%;
      top: 10rem;
    }
  }

  &:hover &__photo:not(:hover) {
    transform: scale(0.95);
  }
}
